<template>
    <div>
        <div class="t1">测试111</div>

        <transition name="fade">
            <Input v-if="show" @click="show=false" placeholder="Enter something..." style="width: 300px" />
        </transition>

    </div>
</template>

<script>
    export default {
        name: "test",
        data(){
          return {
            show:true
          }
        }
    }
</script>

<style lang="stylus" >
    .t1
      color red
      display flex
    .fade-enter-active, .fade-leave-active
        transition opacity 0.5s
    .fade-enter, .fade-leave-to
        opacity: 0

</style>